.home {
  display: flex;
  flex-direction: column;
}
.home .main {
  flex: 1;
  overflow-y: scroll;
}
.home .main .swiper {
  height: 250px;
  background-color: #ccc;
}
.home .main .mainbox {
  width: 90%;
  height: 120px;
  margin: 10px auto;
  display: flex;
}
.home .main .mainbox .rank {
  position: relative;
  flex: 2;
  background: url("../../assets/imgs/index-card-rank.png") no-repeat #1592cc;
  background-position: -45px 1px;
  background-size: contain;
  margin-right: 10px;
  border-radius: 10px;
  padding: 15px;
  opacity: 0.73;
}
.home .main .mainbox .rank .rank_p {
  color: #004E73;
  font-size: 16px;
  font-weight: bolder;
  text-align: left;
}
.home .main .mainbox .rank .rank_num {
  position: absolute;
  color: #FFFFFF;
  font-size: 60px;
  bottom: 10px;
  right: 15px;
}
.home .main .mainbox .clock {
  flex: 3;
  background-color: #ccc;
  border-radius: 10px;
  background: url("../../assets/imgs/index-card-sum.png") no-repeat #7bcbf5 100%;
  background-position: 10px -5px;
  background-size: contain;
  padding: 15px;
  opacity: 0.73;
  position: relative;
}
.home .main .mainbox .clock p {
  color: #004E73;
  font-size: 20px;
  -font-weight: bolder;
}
.home .main .mainbox .clock button {
  position: absolute;
  bottom: 10px;
  right: 15px;
  background-color: #aad9f7;
  border: 3px solid #005177;
  opacity: 0.7;
  border-radius: 20px;
}
.home .main .mainbox .sportbox {
  flex: 1;
  background-color: #ccc;
  border-radius: 10px;
  margin-right: 10px;
  padding: 15px;
  -font-weight: bold;
  color: #ffffff;
  font-size: 16px;
  background: url("../../assets/imgs/index-card-data.png") no-repeat center;
  background-size: cover;
}
.home .main .mainbox .badgesbox {
  flex: 1;
  background-color: #ccc;
  border-radius: 10px;
  opacity: 0.58;
  padding: 15px;
  opacity: 0.73;
  background: url("../../assets/imgs/index-card-badge.png") no-repeat #C6D7F3;
  background-position: 10px 0px;
  background-size: contain;
  position: relative;
}
.home .main .mainbox .badgesbox .badges_p {
  font-size: 16px;
  color: #004E73;
}
.home .main .mainbox .badgesbox .badges_num {
  color: #004E73;
  font-size: 60px;
  position: absolute;
  bottom: 10px;
  right: 15px;
}
.home .main .coursebox {
  padding: 15px;
  background-color: #ccc;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  background: url(../../assets/imgs/index-swiper-bg2.jpg) no-repeat center;
  background-size: cover;
}
.home .main .runbox {
  padding: 15px;
  background-color: #ccc;
  border-radius: 10px;
  color: #ffffff;
  font-size: 16px;
  background: url(../../assets/imgs/index-card-run.png);
  background-size: cover;
}
.home .adv_banner1 {
  background: url(../../assets/imgs/adv_banner1.jpg) top center no-repeat;
  background-size: cover;
}
.home .adv_banner2 {
  background: url(../../assets/imgs/adv_banner2.jpg) top center no-repeat;
  background-size: cover;
}
.home .adv_banner3 {
  background: url(../../assets/imgs/adv_banner3.jpg) top center no-repeat;
  background-size: cover;
}
